<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <link th:href="@{/layui/css/style.css}" rel="stylesheet" type="text/css">
  <link th:href="@{/layui/css/reset.css}" rel="stylesheet" type="text/css">
</head>
<body>
<div id="particles-js">
  <div class="login">
    <div class="login-top">
      登录
    </div>
    <form action="/user/login" method="post">
      <div class="login-center clearfix">
        <div class="login-center-img"><img th:src="@{/layui/img/name.png}" /></div>
        <div class="login-center-input">
          <input type="text" name="username" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'" />
          <div class="login-center-input-text">用户名</div>
        </div>
      </div>
      <div class="login-center clearfix">
        <div class="login-center-img"><img th:src="@{/layui/img/password.png}"/></div>
        <div class="login-center-input">
          <input type="password" name="passwd" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'" />
          <div class="login-center-input-text">密码</div>
        </div>
      </div>
      <button class="login-button" type="submit" style="display:block;border:none;width: 200px;margin: 40px auto">
        登录
      </button>
      <!--@thymesVar id="msg" type="String"-->
      <p style="color: red;text-align: center;font-size: 16px;margin: -15px auto" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
    </form>
  </div>
  <div class="sk-rotating-plane"></div>
</div>

</body>
</html>